Pine Coast color palette — #DCEAE8 · #91A4AB · #6C90A1 · #207709 · #000C0A

Olive and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DCEAE8): a clean, paper-quiet neutral.
• Blue Fog (#91A4AB): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#6C90A1): A luminous, dusty blue — the color of deep harbor water.
• Olive (#207709): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#000C0A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Chestnut Station color palette (#E5ECE7, #8FA6A5, #669496, #786100, #010C05)
• Softworn Boulevard color palette (#E2F0F3, #97A1AC, #798BA5, #00736C, #000C0F)
• Washed Olive Field color palette (#E0E2D3, #8A9178, #5D7534, #073402, #010100)
• Pine Boulevard color palette (#D7EBE5, #6F9464, #07762F, #385200, #010800)
• Softworn Abyss Market color palette (#E8E8DD, #B7BEAD, #609F9B, #274600, #010100)
• Ancient Lagoon color palette (#DEE5E7, #B6C1CC, #97AAC2, #009487, #0A2328)
• Antique Clover Delta color palette (#CFEBEB, #4BBB40, #00AC6E, #008479, #000603)
• Lagoon Summit color palette (#D1EAE3, #009061, #00685E, #003974, #000503)

Browse the whole catalog at Explore, or see today's palette.