Pine Dune color palette — #FBF3F1 · #CDE3CD · #5694AA · #31723C · #563D59

Built around Olive, softened by Storm Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Celadon Mist (#CDE3CD): A whisper-light, dusty green — the color of fresh herbs.
• Storm Blue (#5694AA): A luminous, dusty blue — the color of open sky before noon.
• Olive (#31723C): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#563D59): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Pine Dune 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

• Cypress Lagoon color palette (#FAF4F0, #CAE8E7, #AB8EAC, #317D70, #634A59)
• Timeworn Cobalt Alley color palette (#FEF2EE, #AECEB8, #2880B5, #006345, #2B385F)
• Wandering Summit color palette (#EEF4EF, #B8E5F1, #2F9EAC, #006F53, #0F3040)
• Turquoise Meadow color palette (#F8F5EF, #BDEBDD, #4FB5C4, #3F8B70, #2E503F)
• Coral Corridor color palette (#FFF2ED, #C36B6C, #008B9A, #2A6990, #3E3633)
• Hazy Brick Lantern color palette (#FFF2EE, #CF898F, #009DA3, #B32845, #004C50)
• Dusty Grove color palette (#F1DDD6, #4F9DA5, #00506F, #00321A, #000E3B)
• Washed Dune color palette (#F9F3F9, #B7FAF6, #72CCE7, #7BA57A, #314A63)

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