Cerulean Basin color palette — #F6F0F4 · #C1E2F1 · #3497CD · #276D4E · #1D2C44
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F6F0F4): a clean, paper-quiet neutral.
- Powder Blue (#C1E2F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3497CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#276D4E): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#1D2C44): 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 Basin 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
- Washed Coast color palette (#EFF8F1, #B3E5FB, #4B95B1, #256F68, #314B60)
- Cobalt Coast color palette (#F9EFF4, #ACCCE1, #477CC6, #005C51, #171E3B)
- Washed Lagoon color palette (#E7DEE7, #348785, #004353, #002203, #000104)
- Worn Loft color palette (#F8F5EF, #BBE6F2, #5CCAF3, #429189, #27463D)
- Turquoise Lantern color palette (#FCF3EF, #CCEFD6, #72ACD2, #50886D, #583E54)
- Aged Peony Veranda color palette (#DDF8F8, #66B790, #BE67BD, #007750, #381A37)
- Ultramarine Atelier color palette (#E9D9DF, #6AA4C8, #244ABF, #003A37, #0E0226)
- Washed Lagoon Meadow color palette (#CAFDFF, #7FCDAF, #009176, #005035, #001A14)
Browse the whole catalog at Explore, or see today's palette.