Airy Cobalt color palette — #FBF5E4 · #B1A13D · #488CD8 · #746600 · #274465
A conversation between Azure and Mustard, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Mustard (#B1A13D): A luminous, balanced green — the color of new leaves after rain.
- Azure (#488CD8): A luminous, balanced blue — the color of deep harbor water.
- Olive (#746600): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#274465): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Gentle Marigold color palette (#E3F8E8, #CB9C05, #6B8DCD, #7E6000, #162646)
- Hazy Cornflower Grove color palette (#FEF3EA, #CD9065, #6287D7, #9A4E00, #543750)
- Mustard Boulevard color palette (#FFF4E1, #DAB24F, #85A2EB, #9A7C31, #53384F)
- Orchid Basin color palette (#FBF5E6, #AEA05A, #B465C1, #756500, #523756)
- Quiet Indigo Parlor color palette (#FFF4E0, #A68319, #6D70C6, #794C95, #3B3731)
- Pale Thicket color palette (#F4F7E7, #6CB370, #A476DD, #107324, #5A3544)
- Feathered Terracotta color palette (#FFF2ED, #D58781, #179CD5, #A13332, #214C3D)
- Amber Boulevard color palette (#E8FBED, #E3C989, #9ABEFF, #BC9A38, #314263)
Browse the whole catalog at Explore, or see today's palette.