Airy Cobalt color palette — #E7ECDD · #7FB8E5 · #0075D2 · #005571 · #051D45
Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Parchment (#E7ECDD): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#7FB8E5): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#0075D2): A full-bodied, vivid blue — the color of deep harbor water.
- Peacock (#005571): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#051D45): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Airy 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
- Petrol Courtyard color palette (#ECEFDF, #71BED2, #0081A2, #00585E, #002332)
- Powdered Indigo Quarry color palette (#FEF3E8, #9AD3FD, #5471D7, #005150, #12002B)
- Gentle Periwinkle color palette (#DDEBE0, #91C6F1, #5B92E4, #007991, #131849)
- Ultramarine Lantern color palette (#F1E1D2, #61A6D9, #2950AA, #003D43, #1E1448)
- Tempered Bloom color palette (#F5F7EA, #6EDCF7, #009BC2, #007178, #00384F)
- Misty Periwinkle color palette (#F2F8E8, #BFDFFF, #559BFF, #007BAC, #2A3D6C)
- Pale Courtyard color palette (#E3E5D4, #469D26, #007EB0, #206300, #001E2D)
- Pine Ridge color palette (#EAEDDE, #008D31, #007688, #735100, #001703)
Browse the whole catalog at Explore, or see today's palette.