Pine Coast color palette — #E2FDEF · #95AD70 · #217E27 · #1E5480 · #304206
Built around Olive, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Ivory (#E2FDEF): A whisper-light, dusty teal — the color of sea glass.
- Sage (#95AD70): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#217E27): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#1E5480): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#304206): A deep, shadowed, balanced green — the color of fresh herbs.
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
- Antique Olive color palette (#E8FBEB, #AAA572, #5D7400, #554287, #413C00)
- Powdered Denim Grove color palette (#E4FBF6, #79B290, #007B67, #44498A, #05462A)
- Antique Forest Boulevard color palette (#D6EAE2, #78966D, #006638, #183D6F, #19300E)
- Aged Pine Harbor color palette (#FFECF2, #B1AC4D, #367E29, #663865, #242200)
- Weathered Emerald Drift color palette (#FFF3E5, #C0C165, #399E3A, #7F5981, #3C3A34)
- Ancient Thicket color palette (#EDF8F2, #A7C9BE, #6B8B66, #676180, #3E524C)
- Antique Navy Atelier color palette (#DAF1ED, #4A8968, #005144, #26265C, #002112)
- Wandering Chapel color palette (#EEF8F0, #94DCE3, #008EA9, #006859, #004661)
Browse the whole catalog at Explore, or see today's palette.