Dusty Cobalt color palette — #FBF3EF · #B1CDB8 · #2481B0 · #00633F · #2A3A5B

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Pistachio (#B1CDB8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2481B0): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00633F): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2A3A5B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Frosted Forest color palette (#FFF2EE, #70C9C6, #007A96, #005B17, #00345F)
• Worn Cerulean Parlor color palette (#EBF5ED, #A9CEDE, #1D88A8, #005C54, #002338)
• Turquoise Pier color palette (#F8F4EE, #C3DBCA, #4AA2C0, #007D72, #043F5E)
• Cerulean Field color palette (#FAF4EF, #C1E6D5, #668CC0, #197165, #5E3B50)
• Antique Petrol color palette (#F6EDE4, #86B9D7, #4666A8, #00504B, #2F2452)
• Cypress Courtyard color palette (#E6FCEB, #C6E1FF, #C4A4D7, #387957, #264437)
• Wandering Grove color palette (#F8E8E0, #4E8A99, #004067, #002318, #04002D)
• Rust Station color palette (#E0F5E8, #009EBB, #BA564A, #006174, #59201A)

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