Dusty Pine Harbor color palette — #F4F8DE · #117514 · #005530 · #21005B · #020100
A conversation between Olive and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F8DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#117514): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#005530): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Indigo (#21005B): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Dusty Pine Harbor 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
- Quiet Olive color palette (#F5F8E0, #237D00, #175B00, #002A50, #030100)
- Ancient Study color palette (#FFE9DD, #A98500, #006448, #450057, #030400)
- Twilit Onyx color palette (#CFEFEF, #004F36, #003624, #0F004F, #0D0500)
- Smoked Onyx Pier color palette (#EDDFC6, #605000, #003549, #240044, #030000)
- Dusty Onyx Veranda color palette (#E4FCEC, #00778A, #004B58, #3C004F, #010100)
- Fern Studio color palette (#E1E1D2, #466D00, #2B3637, #001712, #010100)
- Hushed Orchard color palette (#FFDBC3, #B7A003, #356F00, #003E2D, #000303)
- Misty Aubergine color palette (#F8F3DD, #7C8100, #523697, #360056, #040005)
Browse the whole catalog at Explore, or see today's palette.