Pine Coast color palette — #EAFAF1 · #95AE62 · #337C2D · #664169 · #1A4339

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EAFAF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#95AE62): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#337C2D): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#664169): A full-bodied, dusty pink — the color of neon signs at night.
• Forest (#1A4339): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Hushed Workshop color palette (#E1F9E6, #9BB365, #0D7F4E, #544367, #00271F)
• Patina Jade color palette (#E7FAF6, #65B786, #007B65, #434B85, #124342)
• Washed Atelier color palette (#D8E9E2, #749861, #006634, #562D4E, #00312A)
• Dusty Lime Delta color palette (#FFF4E2, #A7CA58, #419A6C, #725E8B, #334017)
• Fern Loft color palette (#D5F4E2, #879D2E, #296C00, #781E14, #293300)
• Wandering Quarry color palette (#ECF9F3, #A2CBC1, #648D6B, #785C6E, #3D524D)
• Tempered Pier color palette (#D8F1EC, #378D5F, #005142, #50152F, #002020)
• Misty Jade color palette (#FAF5E2, #C3D89A, #89B46A, #B97462, #33410C)

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