Pine Coast color palette — #DEF2F2 · #008B5E · #17363A · #091919 · #020807
Built around Fern, softened by Deep Forest — the whole palette hums with sophistication.
The five colors
- Frost (#DEF2F2): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#008B5E): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#17363A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#091919): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#020807): quiet, heavy and certain.
Feels like: Sophistication. Tagged noir, dark, luxury, 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
- Petrol Field color palette (#DAF2FF, #00788F, #002E41, #00131C, #000407)
- Weathered Villa color palette (#CFEBEB, #2FA771, #37525C, #193333, #0F1B17)
- Ancient Grove color palette (#DFF6FF, #00A0AC, #677BBE, #4D783D, #06222B)
- Dusty Courtyard color palette (#E5F6F1, #9CC08B, #568258, #3F5C54, #152C28)
- Feathered Teal color palette (#DBF8FF, #23BAB6, #A38C2C, #007471, #302700)
- Lowlit Navy color palette (#DEEEFF, #00457B, #1D151B, #010A2D, #000104)
- Softworn Driftwood color palette (#CFF4F8, #93BEC6, #688E9D, #4E586B, #2E3347)
- Washed Lagoon Atelier color palette (#D3F4F9, #008877, #19363D, #07191C, #030708)
Browse the whole catalog at Explore, or see today's palette.