Cerulean Veranda color palette — #F5F6E9 · #B8EBE0 · #00A4B9 · #006A65 · #00232C
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F5F6E9): bright and airy, almost weightless.
- Sea Foam (#B8EBE0): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#00A4B9): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006A65): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00232C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean 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
- Azure Veranda color palette (#F4F7ED, #CAEBFF, #1B9AE5, #00667E, #001F3D)
- Washed Denim Cabin color palette (#E3E6D7, #6BADC2, #005D7A, #002B2F, #000103)
- Timeworn Cobalt Coast color palette (#F4F7EC, #ADD7C1, #0085B4, #00505A, #000E1A)
- Patina Harbor color palette (#F9EBE5, #97E2E8, #00B5E2, #00956D, #003052)
- Timeworn Sky Corridor color palette (#F4F7EC, #D8D6E3, #44B9FE, #00849D, #00375F)
- Hushed Balcony color palette (#F2FBD2, #25AD54, #0091AA, #886400, #001103)
- Lagoon Grove color palette (#F5F6EF, #C2DDE5, #9EC7F0, #4EA1A1, #355546)
- Pine Quarry color palette (#DBFFEC, #70D7A6, #008D5E, #00462C, #000301)
Browse the whole catalog at Explore, or see today's palette.