Dusty Harbor color palette — #FAF2F9 · #CED7ED · #1FBCFD · #008D55 · #1C335F
A conversation between Cyan and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF2F9): a clean, paper-quiet neutral.
- Powder Blue (#CED7ED): A whisper-light, dusty violet — the color of wild irises.
- Cyan (#1FBCFD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#008D55): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#1C335F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Dusty 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
- Dusty Aqua Villa color palette (#F8F3F9, #D1D5E7, #68CAE4, #658F5E, #27425A)
- Wandering Periwinkle Boulevard color palette (#FFF1F6, #D7D4DF, #88ACFF, #008883, #372D56)
- Dusty Azure Dune color palette (#FEF1FA, #D3DAF7, #04A3F2, #007654, #131E54)
- Soft Grove color palette (#FFF2EC, #B3D9BB, #008CB5, #006951, #014173)
- Hushed Cerulean Basin color palette (#E9F5F3, #9EDCE4, #0092AA, #006260, #002A36)
- Timeworn Petrol color palette (#F6E9F5, #6BC8CD, #007194, #00411E, #00020B)
- Feathered Veranda color palette (#EDDBE3, #74AAC7, #0048BE, #002C27, #010008)
- Dusty Sapphire color palette (#FFF1F6, #97D5FA, #356CF9, #00524D, #11002D)
Browse the whole catalog at Explore, or see today's palette.