Cerulean Courtyard color palette — #F7EEE1 · #068896 · #004254 · #00201C · #000103

Cerulean and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7EEE1): bright and airy, almost weightless.
• Cerulean (#068896): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004254): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00201C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. 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

• Hushed Navy Chapel color palette (#E9DDCB, #2880B5, #003A76, #001E25, #00000C)
• Aged Field color palette (#D0E5E2, #4DA0AC, #006375, #003B3B, #000B11)
• Shadow Cypress color palette (#DCF6E9, #007350, #003525, #191E25, #000905)
• Muted Basin color palette (#F0E8DC, #7BBDDD, #0C70AF, #004A51, #041432)
• Moonless Station color palette (#E9EDDD, #005C2C, #67005C, #00260E, #030003)
• Weathered Villa color palette (#FBF0DF, #7EDFFC, #008EC3, #006261, #002646)
• Moonless Basin color palette (#EBE1D4, #625100, #392600, #190A00, #020100)
• Deep Aubergine Orchard color palette (#D8E7DD, #00482B, #29008D, #410F00, #000201)

Browse the whole catalog at Explore, or see today's palette.