Softworn Cerulean Courtyard color palette — #F7F1E8 · #B1DCC2 · #008EC1 · #006261 · #002645

Cerulean and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Pistachio (#B1DCC2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008EC1): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006261): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#002645): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn 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

• Cobalt Courtyard color palette (#FBF0DF, #85C6DF, #007AB1, #005154, #001939)
• Frosted Parlor color palette (#FEF1FA, #AED5EA, #0083DA, #006953, #343970)
• Tempered Courtyard color palette (#F6ECDD, #3E98A9, #00516B, #002C29, #00050C)
• Wandering Petrol Harbor color palette (#F5F1EA, #C5E5E7, #76A89C, #3D757E, #442D41)
• Quiet Quarry color palette (#EDF9EF, #ADE5F6, #00A9E5, #008281, #004271)
• Antique Quarry color palette (#EAE2D5, #4E7DA6, #00328A, #001E27, #01000B)
• Mulberry Bloom color palette (#F1E5BA, #8A8800, #0080A8, #A22871, #1A1900)
• Indigo Summit color palette (#FBF1D9, #BAAA25, #6160DE, #665C00, #191451)

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