Pale Cobalt color palette — #F5E9F7 · #0080CE · #4A7200 · #005841 · #000201
Azure and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F5E9F7): A whisper-light, dusty pink — the color of a candy shop window.
- Azure (#0080CE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#4A7200): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#005841): A full-bodied, balanced teal — the color of sea glass.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Pale 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
- Ultramarine Meadow color palette (#F5E3F1, #3C54D3, #00622B, #003C39, #000201)
- Antique Lantern color palette (#DDEADE, #008B93, #7C5800, #3D4C00, #000301)
- Violet Delta color palette (#F7DCEB, #7556F6, #007458, #004D55, #000208)
- Washed Fern Basin color palette (#FAE9DB, #B36000, #387000, #005445, #000204)
- Muted Alley color palette (#FEE3E8, #BE44CB, #00838C, #00558F, #070019)
- Iris Meadow color palette (#F2E0EA, #927DF1, #00926D, #006F7A, #220B23)
- Dusty Plum Lantern color palette (#FFE6E0, #D30059, #7A5A00, #365000, #000202)
- Faded Tangerine Lantern color palette (#FFF0E9, #FF6F44, #888E00, #007D39, #001F21)
Browse the whole catalog at Explore, or see today's palette.