Pine Coast color palette — #E1E5C6 · #1B7E0E · #263998 · #570031 · #380500
Built around Olive, softened by Indigo — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E1E5C6): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#1B7E0E): A full-bodied, vivid green — the color of a quiet forest floor.
- Indigo (#263998): A deep, shadowed, balanced violet — the color of a velvet chair.
- Mulberry (#570031): A deep, shadowed, balanced rose — the color of pressed rose petals.
- Ink (#380500): A deep, shadowed, balanced orange — the color of autumn markets.
Feels like: Nature, Growth, Creativity, 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
- Hazy Pine Field color palette (#EFF5DD, #008F44, #4844A1, #62202F, #411800)
- Tempered Workshop color palette (#EEECDC, #647400, #502B8D, #4F001C, #1D0006)
- Muted Nightshade color palette (#DFE7CE, #00693B, #261594, #3E0800, #170900)
- Worn Bloom color palette (#EBE1C7, #776900, #004E67, #54023C, #3B000D)
- Misty Aubergine color palette (#D7E7CF, #007A68, #5E267F, #5B0115, #341600)
- Petrol Villa color palette (#CFE9D5, #A68000, #0066AC, #702900, #391100)
- Midnight Aubergine color palette (#D3E7CC, #00564E, #440055, #270900, #070400)
- Emerald Ridge color palette (#EBE5CE, #689B5C, #006549, #403E37, #2A2B08)
Browse the whole catalog at Explore, or see today's palette.