Dusty Pine Courtyard color palette — #FCF3F0 · #CCE4CE · #5593AF · #1C7441 · #573E57
A conversation between Pine and Storm Blue, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF3F0): a clean, paper-quiet neutral.
- Celadon Mist (#CCE4CE): A whisper-light, dusty green — the color of fresh herbs.
- Storm Blue (#5593AF): A luminous, dusty blue — the color of deep harbor water.
- Pine (#1C7441): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#573E57): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Dusty Pine Courtyard 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
- Timeworn Cypress Pier color palette (#FAF4EF, #CCE5E5, #7D9AC7, #207F73, #674759)
- Aged Forest Atelier color palette (#FFF2EE, #B7D9B6, #008DAF, #006C22, #004076)
- Timeworn Bronze Drift color palette (#FFF0FC, #7286C1, #987600, #5C6B18, #472E42)
- Cerulean Corridor color palette (#EEF4EF, #C2E3ED, #229EB3, #226C5A, #162F3E)
- Patina Cerulean color palette (#FEF0FE, #E8D6D5, #E2B2A7, #1F88A0, #57414F)
- Muted Powder Boulevard color palette (#F9F3F9, #CCE5FF, #75CAEB, #7BA481, #364960)
- Muted Onyx color palette (#E9DED9, #4F9CAA, #004F75, #00321F, #030545)
- Wandering Cobalt Pier color palette (#FFF2EB, #77C4DD, #0070C0, #005746, #272179)
Browse the whole catalog at Explore, or see today's palette.