Cobalt Veranda color palette — #F9EFEA · #8AD5E5 · #2D83BA · #065E43 · #2E172A
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F9EFEA): a clean, paper-quiet neutral.
- Ice Blue (#8AD5E5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#2D83BA): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#065E43): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#2E172A): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cobalt Veranda 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
- Antique Aqua color palette (#FFEEE8, #00D5D9, #007DA0, #005623, #001939)
- Hushed Archive color palette (#F8F0E9, #BAE8D6, #6E8DC8, #006D66, #3F2131)
- Muted Sapphire Drift color palette (#F4E6D9, #84BAE1, #4A64BA, #004B4A, #190E2E)
- Softworn Cerulean Archive color palette (#F5F6ED, #ACCFB8, #2484A1, #005F64, #044057)
- Washed Quarry color palette (#EEF8F0, #D3D7E8, #5AB2D9, #00807A, #133149)
- Hushed Workshop color palette (#F3E8CE, #B1A324, #5565B8, #5F5600, #11173F)
- Worn Navy Corridor color palette (#F9E9DF, #30849B, #003D6A, #002018, #01000B)
- Wandering Nightshade Courtyard color palette (#E8DCD0, #538FC2, #343B99, #002B2D, #080014)
Browse the whole catalog at Explore, or see today's palette.