Pine Coast color palette — #DFFDF5 · #7AB473 · #2D7B48 · #085B65 · #0D443E
Built around Olive, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#DFFDF5): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#7AB473): A luminous, balanced green — the color of new leaves after rain.
- Olive (#2D7B48): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#085B65): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#0D443E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Patina Pine color palette (#E2F8EE, #91B47C, #2F7D4A, #2C4E76, #002721)
- Patina Olive Corridor color palette (#ECF9F1, #B2B47B, #6D7B3D, #675167, #2F493E)
- Hushed Emerald color palette (#D2EBE7, #3EA262, #006544, #004554, #00302F)
- Pale Emerald Grove color palette (#FBF6DD, #A4C78F, #399D5C, #4D6B90, #2C421C)
- Hushed Lantern color palette (#E9F9F4, #97CEC1, #5D8B84, #745E6B, #3F524D)
- Moss Veranda color palette (#D0F5E4, #859E23, #406700, #673126, #293300)
- Frosted Cerulean color palette (#E7FAF7, #6EE1F6, #008EAB, #006668, #00475D)
- Jade Courtyard color palette (#EBFAE9, #D3D48C, #73B96F, #B56BA3, #3E3D0C)
Browse the whole catalog at Explore, or see today's palette.