Cerulean Courtyard color palette — #D7E1D9 · #83CED5 · #00A3C2 · #007F6D · #002333
A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.
The five colors
- Silver (#D7E1D9): a clean, paper-quiet neutral.
- Aqua (#83CED5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#00A3C2): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007F6D): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Courtyard 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
- Powdered Azure Boulevard color palette (#DCE5DE, #84CAEE, #0898F1, #007B87, #0A1D41)
- Softworn Petrol color palette (#F7E9F5, #79BFC4, #0080A8, #005D30, #001C49)
- Petrol Corridor color palette (#D6E3D9, #6BAEAF, #008396, #005F4C, #000B12)
- Tempered Denim Thicket color palette (#EFF1E0, #5BABB2, #006371, #003A37, #000D12)
- Periwinkle Hollow color palette (#ECF9EE, #B1E1FF, #62AFFF, #0095A8, #182D6A)
- Ancient Aqua Coast color palette (#C5EAE7, #73E6CF, #00CAE1, #6C9541, #002C1C)
- Mint Atelier color palette (#D3F4E3, #00CA91, #009868, #006640, #000B05)
- Tempered Powder Coast color palette (#F0F7F1, #D0E0F9, #72CAF1, #55A8A2, #314A61)
Browse the whole catalog at Explore, or see today's palette.