Pine Coast color palette — #E4E1C3 · #738100 · #167510 · #004923 · #000D08
A conversation between Olive and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E4E1C3): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#738100): A full-bodied, balanced green — the color of new leaves after rain.
- Olive (#167510): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004923): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#000D08): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Tempered Emerald color palette (#EDF0DF, #30911E, #00703F, #004B3B, #000E0F)
- Velvet Olive Parlor color palette (#DEE6CF, #4B8000, #1C4B00, #001F03, #000200)
- Weathered Bronze color palette (#EFDDCA, #9C7300, #616100, #344100, #010900)
- Ancient Raspberry color palette (#CFF6F0, #54A74C, #B91FA5, #0D5107, #10000D)
- Quiet Delta color palette (#D5E7E4, #60B0BF, #00A0CF, #616A00, #001109)
- Dusty Chestnut Corridor color palette (#D3EAD1, #938036, #825500, #682A00, #030400)
- Weathered Loft color palette (#D0E5DC, #009A8B, #007F86, #005066, #00121F)
- Byzantium Thicket color palette (#DDF6E8, #008457, #9032B0, #9C006D, #000201)
Browse the whole catalog at Explore, or see today's palette.