Pine Coast color palette — #E4DFCF · #008FA6 · #00875C · #000F0F · #000202
Fern and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Bone (#E4DFCF): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#008FA6): A full-bodied, balanced blue — the color of deep harbor water.
- Fern (#00875C): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000F0F): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000202): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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
- Olive Boulevard color palette (#E4EFFF, #009194, #2B8800, #010B00, #000201)
- Muted Lagoon color palette (#D4E3E7, #008B82, #2C496E, #00403B, #000103)
- Linen Indigo color palette (#D8E9D6, #7060FF, #007F97, #050D16, #000103)
- Timeworn Sapphire color palette (#E3E5C6, #006CD1, #007167, #050D10, #000102)
- Patina Periwinkle Dune color palette (#E5EDD9, #6199FF, #00A2A2, #001818, #000507)
- Aged Chapel color palette (#DAE4E8, #A9B5BB, #7293A5, #004E51, #000D12)
- Powdered Magenta color palette (#F3D7E3, #F449FE, #008736, #001F1A, #080B00)
- Faded Emerald color palette (#F2E0F5, #FF92CF, #00A249, #000D02, #000201)
Browse the whole catalog at Explore, or see today's palette.