Dusty Cobalt color palette — #FFF0F8 · #A4D6F0 · #4E7ECD · #00675E · #3E3867

Azure and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Powder Blue (#A4D6F0): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#4E7ECD): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00675E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#3E3867): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty Cobalt 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

• Ancient Courtyard color palette (#FBF2FA, #A3D8E7, #008CB1, #026C2B, #0D4074)
• Sunlit Workshop color palette (#F6F1E9, #9FD9F6, #2289D0, #006169, #002058)
• Weathered Sapphire color palette (#FFF1F6, #6DC3F0, #3468CB, #005650, #361D70)
• Muted Cypress color palette (#FCF2F5, #DBDEEE, #8799BE, #3F7A7B, #4E506B)
• Amber Meadow color palette (#FFE2EE, #D07A26, #00669D, #3A458C, #492603)
• Gentle Tangerine Coast color palette (#FFF0F9, #EE804E, #0085D0, #823100, #003E65)
• Abyss Hollow color palette (#E9DDE9, #4E8C8E, #004357, #00240B, #00091B)
• Washed Navy Villa color palette (#FAE6F1, #5899B4, #00488F, #003129, #12073A)

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