Pine Coast color palette — #C7E7D8 · #7FA116 · #007F25 · #005161 · #172A02

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

The five colors

• Celadon Mist (#C7E7D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#7FA116): A luminous, balanced green — the color of new leaves after rain.
• Olive (#007F25): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005161): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#172A02): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Washed Amber Meadow color palette (#C6E8D3, #AF8F00, #677000, #00544E, #2A2400)
• Chalky Clover Chapel color palette (#DCF6EA, #7CB450, #098E52, #005E7A, #0B3833)
• Hazy Emerald Chapel color palette (#D2E6E3, #34A005, #007271, #004574, #242000)
• Olive Chapel color palette (#C8E8E1, #478400, #0B3E18, #001B17, #000604)
• Aged Olive Summit color palette (#D5EBDD, #AAA86D, #6E7A00, #635518, #043121)
• Weathered Jade color palette (#BBEADD, #00AB84, #007975, #1F438B, #002A2F)
• Washed Bronze Ridge color palette (#F8D2DF, #847900, #005C3B, #431E5D, #1D2900)
• Navy Meadow color palette (#CCF7EC, #008663, #005652, #002567, #000F0A)

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