Cerulean Courtyard color palette — #FFEEE5 · #B8DAB9 · #0092AE · #006641 · #00283F

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

The five colors

• Cream (#FFEEE5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Pistachio (#B8DAB9): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#0092AE): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006641): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00283F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Soft Cobalt Station color palette (#FAEFE8, #A3D9F1, #3A87CD, #00625F, #151D54)
• Dusty Petrol color palette (#FFEEE6, #73CCD3, #007E9E, #00543C, #001C32)
• Washed Meadow color palette (#F7F1EB, #C7E4D9, #738EBB, #0B6B72, #3F2034)
• Antique Cabin color palette (#F9ECE6, #4A9995, #005360, #002E15, #00050A)
• Tempered Pine color palette (#FEF1F9, #A8E9E9, #00ADCE, #008758, #004467)
• Softworn Terrace color palette (#E9DED7, #79A893, #035A9D, #003938, #040031)
• Chalky Summit color palette (#FFDAE1, #CF5CE3, #387400, #007449, #26092B)
• Frosted Olive Pier color palette (#F3E9C9, #90AB6F, #746E00, #593E00, #00240B)

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