Dusty Cobalt color palette — #F0F3EB · #ADD0C7 · #4C7CC3 · #00567A · #111E41
A conversation between Azure and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#F0F3EB): a clean, paper-quiet neutral.
- Oat (#ADD0C7): A whisper-light, dusty teal — the color of sea glass.
- Azure (#4C7CC3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00567A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#111E41): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, 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
- Dusty Cerulean Delta color palette (#F2F3EA, #B4D0BA, #008BA1, #005B59, #002530)
- Patina Cobalt color palette (#F1F7F0, #A6C9EB, #5872C8, #005E6B, #323858)
- Weathered Harbor color palette (#E3E6D8, #5794A7, #00516B, #002B30, #00050B)
- Tempered Violet color palette (#DFEEE1, #37A2A9, #8565CA, #006166, #21103D)
- Softworn Quarry color palette (#EDF8F8, #BED7F3, #6996DA, #1C74A0, #2C395A)
- Hushed Drift color palette (#D8E6DA, #008D94, #4867C3, #356B00, #001A05)
- Muted Cypress color palette (#E4F8E7, #A7E6F8, #88BFDF, #007875, #072916)
- Turquoise Canyon color palette (#D5FADE, #52B7C6, #00747F, #00383F, #000E10)
Browse the whole catalog at Explore, or see today's palette.