Dusty Pine Harbor color palette — #FBF3EF · #C4DCC3 · #1FA6C1 · #00814F · #123F58
Built around Teal, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Celadon Mist (#C4DCC3): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#1FA6C1): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00814F): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#123F58): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.
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
- Aged Lagoon color palette (#FAF4F0, #C2E7E3, #6EADD4, #088E7B, #32486A)
- Patina Cobalt Market color palette (#F6ECE6, #A9CFB9, #288ECF, #006D63, #162A5B)
- Muted Lagoon Bloom color palette (#EDF8F5, #97D2D0, #008990, #006154, #00434C)
- Wandering Terrace color palette (#F6F6E9, #B1EDEB, #39C7D1, #3E9E8D, #1F432C)
- Ancient Canyon color palette (#EEF1DA, #85B87A, #AD7ECE, #288800, #432657)
- Muted Denim Alley color palette (#F7E8E1, #7C9C80, #006279, #003D29, #000A16)
- Petrol Parlor color palette (#F0E2DA, #6AACC7, #0069B1, #004A47, #070347)
- Tempered Petrol Parlor color palette (#EADCD5, #97BC9F, #0080A4, #005B44, #00213C)
Browse the whole catalog at Explore, or see today's palette.