Gentle Cobalt color palette — #F9ECE4 · #A5CFBB · #4787D9 · #006D5F · #2A2557
Azure and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F9ECE4): a clean, paper-quiet neutral.
- Pistachio (#A5CFBB): A luminous, dusty teal — the color of sea glass.
- Azure (#4787D9): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006D5F): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#2A2557): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Gentle 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
- Cornflower Bloom color palette (#FFF2EB, #80D9F4, #0091EE, #00755D, #252376)
- Powdered Forest Boulevard color palette (#F8EBE8, #AFCEB0, #0094BB, #00712E, #002D5B)
- Azure Terrace color palette (#FCF2F7, #C1EEFF, #5795DA, #006C5A, #191840)
- Indigo Terrace color palette (#ECE5DE, #8DB6DE, #6169C7, #00585D, #2A0F41)
- Petrol Workshop color palette (#E9F1EA, #8FB7D0, #006FA4, #004F53, #0F2E53)
- Antique Azure Bloom color palette (#F4EEE4, #91E0FF, #40AEF2, #009096, #0E2E54)
- Feathered Pine Harbor color palette (#FFF2EE, #A3EAE8, #00ACD5, #008A2F, #004077)
- Dusty Onyx Balcony color palette (#F4E6DF, #5FB0BD, #006E9F, #004D32, #02004C)
Browse the whole catalog at Explore, or see today's palette.