Cobalt Veranda color palette — #F8F0EC · #AFD1B8 · #2D84B5 · #005E3E · #30152D
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F0EC): a clean, paper-quiet neutral.
- Pistachio (#AFD1B8): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#2D84B5): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005E3E): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#30152D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, 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
- Feathered Cobalt color palette (#FCEFE7, #9CDAF5, #5484C4, #006356, #221953)
- Sunlit Coast color palette (#FFEDE9, #61CFCF, #007E9D, #00561C, #001A37)
- Petrol Veranda color palette (#F0E7E0, #90BFAD, #4A68AB, #004C47, #190839)
- Weathered Cerulean color palette (#FAF4EC, #ADCFB7, #2584A3, #006058, #0E3F5B)
- Airy Cobalt Grove color palette (#F1D5E8, #6874C2, #767200, #376429, #210A1C)
- Muted Pine Studio color palette (#FAF2F8, #BDDAE7, #5E9DC8, #00805A, #2D395B)
- Weathered Petrol color palette (#FFEBF9, #F8CBD4, #E19DA2, #22789A, #36192B)
- Navy Archive color palette (#F3E3DA, #398496, #003F65, #002016, #01000C)
Browse the whole catalog at Explore, or see today's palette.