Bestseller
Red Love Bouquet
Hand Tied This Morning
4.8(120)4.8 out of 5, 120 reviewsRs. 5,990
Brand.
SurpriseLK in Palm & Coco's clothes: a cream page in a cocoa frame, a poster headline, a hand-drawn layer and a clean sans for reading. Warm and sunny, never loud.
SurpriseLKMake Moments Special
Full lockup: the gift mark and the wordmark in Anton. Palm & Coco has no final mark either and stands its palm icon in for one; the line gift does the same here until a real mark exists.
Mark alone. For avatars, favicons and anything under 40px, where the wordmark would be unreadable.
Bringing Smiles Across Sri Lanka
Gochi Hand carries the hand-made voice: button labels, nav links, notes and toasts. Never a paragraph — Inter is for anything people read carefully.
How it talks.
- Headlines: short, Capitalized, ending in a full stop.
- Buttons: a verb first, in Title Case. Nav utilities Capitalized.
- Talk to "you", lead with facts. No superlatives, no emoji.
Colour.
Cream takes about 80% of every view. Cocoa ink is for headlines and solid controls, butter sun for big decorative shapes, and husk is the one warm accent — one or two touches a view. Every value has a dark twin under data-theme.
Surfaces
Surface#F8F8EFThe cream page. About 80% of every view.--surface
Surface raised#FCFCF6Cards, inputs, toasts.--surface-raised
Surface sunk#EFEEE4Grouped settings, table heads.--surface-sunk
Frame#463721The cocoa frame around every page.--frame
Frame line#675A3CThe frond watermark on the frame.--frame-line
Ink and lines
Ink#49361DHeadlines, solid controls, drawn strokes.--ink
Ink soft#5C4B34Body and lead copy.--ink-soft
Ink muted#74654FHints, captions, placeholders.--ink-muted
Line#E4E3D8Hairlines around raised surfaces.--line
Line strong#8F8069Control borders.--line-strong
Sun and husk
Sun#FFE797Fronds and promo fills. Never text on cream.--sun
Sun strong#FFE277Toast and trust tiles, rating stars.--sun-strong
Sun soft#FFF4CCHover fills, product panels.--sun-soft
Husk#863C18The one warm accent: links, prices, focus. One or two per view.--husk
Husk soft#F6E4D6Merchandising badge fill.--husk-soft
States
Only for states, and always beside a word or a glyph, so the meaning never rests on colour alone.
Lagoon#1D6A72Success, approved, in stock.--lagoon
Lagoon soft#DCEFEESuccess fills.--lagoon-soft
Danger#B42318Errors, rejected, sold out.--danger
Danger soft#FBE4DFError fills.--danger-soft
Type.
Three faces, each with one job. Anton for headlines, names, prices and labels, Capitalized and never under 14px. Gochi Hand for buttons, nav links and notes. Inter for everything people read. All three are self-hosted.
Make moments.
Display XLAnton · 112/104font-display text-display-xl
Gifts. Surprises.
Display LGAnton · 80/76font-display text-display-lg
Happier people.
Display MDAnton · 56/56font-display text-display-md
Surprise teams.
HeadingAnton · 36/40font-display text-heading
Red love bouquet
TitleAnton · 24/28font-display text-title
Delivery address
LabelAnton · 14/18font-display text-label
Hand Tied This Morning
Hand LGGochi Hand · 28/32font-hand text-hand-lg
Add To Cart
Hand MDGochi Hand · 20/24font-hand text-hand-md
Islandwide Delivery
Hand SMGochi Hand · 16/20font-hand text-hand-sm
Buy Gifts From Verified Sri Lankan Teams.
LeadInter 500 · 20/28text-lead
Discover unique gifts from verified teams across Sri Lanka.
BodyInter 400 · 16/24text-body
Delivered to Matara on Saturday.
Body strongInter 600 · 16/24text-body-strong
Islandwide delivery, usually within three days.
SmallInter 400 · 14/20text-small
Updated two minutes ago
CaptionInter 500 · 12/16text-caption
AaAntonThe poster face. Capitalized.
AaGochi HandThe marker. Labels and notes, never paragraphs.
AaInterThe reading face, at 400, 500 and 600.
Icons.
One line set on a 24px grid: a 1.75px stroke with round caps and joins, drawn in currentColor. The first fifteen are Palm & Coco's own; the rest were drawn to the same rules for what a gift marketplace needs.
palm
cup
drop
leaf
cart
gyro
menu
grip
close
arrow-right
check
plus
minus
info
alert
search
arrow-left
calendar
clock
copy
eye
eye-off
gift
heart
id-card
loader
lock
mail
map-pin
phone
shield-check
sign-out
star
store
user
users
pencil
trash
chevron-down
chevron-left
chevron-right
image
box
truck
refresh
sliders
document
download
new-tab
layers
video
play
more
20px inside buttons, 24px everywhere else, and a 2px stroke below 18px. No filled, duotone or emoji glyphs: an earned rating star takes a butter fill under the same line, and that is the only exception.
Shape.
Six radii, each for one class of element, and two shadows. Things are separated by hairlines first; a shadow only says something is resting or floating.
Radius
XS · 4pxCheckboxes
SM · 6pxButtons: the Menu corner
MD · 8pxInputs, toasts, panels
LG · 16pxCards and the frame
XL · 28pxLarge promo panels
Full · 9999pxBadges only
Elevation
Shadow SMCards and toasts at rest--shadow-sm
Shadow MDHovered cards, floating layers--shadow-md
Focus ringEvery focusable control--focus-ring
Forms.
Labels are Capitalized nouns in Anton and always visible; placeholders show an example, never the label. Values stay in Inter — the hand face never goes inside a field.
Fields
States
We deliver to all 25 districts.
Enter all ten digits, starting with 0.
An error says what happened and what to do, sits under its field, and is tied to it with aria-describedby so it is read out with the field.
Badges.
One to three Capitalized words in Anton on a pill — the only element that gets a full radius. Never a button, and never more than two on a card.
Tones
- Hand madeA product fact
- NewNew and launches
- BestsellerMerchandising
- In stockSuccess, always with check
- Sold outErrors, always with alert
- 500 gA neutral spec
Record states
- ApprovedTeam verified, order paid, listing live
- PendingWaiting on a person: review, payment, confirmation
- RejectedRefused or cancelled, with a reason attached
- ActiveRunning now: an event in progress, a live promotion
- InactiveSwitched off but not deleted, and restorable
Cards.
Everything the storefront is assembled from, as real components, so the catalogue, the wishlist and the home page render the same card rather than three near-copies.
RaisedMost content.
SunkSettings, FAQs.
SunOne promo a page.
OutlineHand-drawn moments.
InkA single stat.
Featured gifts
View AllChocolate Surprise Cake
Baked To Order
4.7(98)4.7 out of 5, 98 reviewsRs. 4,500
Cute Teddy Bear
Soft And Huggable
4.6(76)4.6 out of 5, 76 reviewsRs. 3,990
Personalised Gift Box
Your Name On The Lid
4.9(132)4.9 out of 5, 132 reviewsRs. 6,900
The wishlist hearts are live. The panels show the placeholder a card draws when it has no cut-out photo yet.
Shop by category
View AllThey put the whole surprise together for my sister's birthday while I was stuck in Dubai. The cake arrived in Matara on time and she still talks about it.
Islandwide deliveryColombo next day, other districts in three
Secure paymentCard and bank transfer through PayHere
Support until it arrivesReach the team that packed your order
Motifs.
The brand's drawn layer. On a real page: one crown of fronds per view, bleeding off an edge and never under text, and at most two hand-drawn marks — this section breaks both limits only to show everything at once.
Sun fill
Husk fill
Lagoon outline
Frame watermark
Circled
Say it properly.
Ring one word per section — the payoff, never a whole sentence.
Annotation
Wrapped By HandReady Tomorrow
Two to four handwritten words a line, pointing at the product. It points; it never explains.
Toasts
TipOrder by 2pm for next day.
DoneAdded to your cart.
ErrorThat code is not right.
NotePrices include delivery.
The real ones appear bottom-left, one at a time. Success clears itself; an error waits for ×.