Pine Coast color palette — #EAFAF1 · #54ACCE · #908820 · #147634 · #081E0A

Olive takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EAFAF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#54ACCE): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#908820): A luminous, balanced green — the color of fresh herbs.
• Olive (#147634): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#081E0A): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Pine Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Olive Basin color palette (#FCF1FD, #88B6EC, #628942, #006B57, #061F14)
• Hushed Villa color palette (#EEF9ED, #5AB8B3, #A97028, #595800, #182004)
• Chalky Azure color palette (#E0FDF2, #009AE6, #506600, #00492F, #000709)
• Muted Iris Thicket color palette (#FFF0F9, #8A8EFC, #008E52, #006065, #001120)
• Hazy Amber Canyon color palette (#FFF0FA, #9AA9FF, #E07928, #2D9172, #35212F)
• Gentle Station color palette (#FFF2EC, #EEA699, #AB822E, #396B00, #00332E)
• Washed Chestnut color palette (#FFF3E9, #EFB8DD, #BE7B8E, #885800, #462828)
• Violet Delta color palette (#FFF1F7, #835AD0, #006453, #003A47, #000213)

Browse the whole catalog at Explore, or see today's palette.