Cerulean Courtyard color palette — #F6F0F5 · #C3E2ED · #4298C1 · #286D48 · #1D2D42

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

The five colors

• Ivory (#F6F0F5): bright and airy, almost weightless.
• Powder Blue (#C3E2ED): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4298C1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#286D48): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#1D2D42): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Ancient Periwinkle color palette (#F7EFF2, #D8D0E4, #839BCF, #2D7974, #313547)
• Ancient Cobalt color palette (#F7EFF4, #A9CEE1, #3F81BA, #005D49, #191D3E)
• Sunlit Lilac Ridge color palette (#F1F0FF, #AC73C2, #00947C, #007D68, #1E1B2F)
• Turquoise Studio color palette (#FDF3EE, #B3F2F8, #64AFD5, #4E8966, #563F54)
• Denim Drift color palette (#F8E8F3, #2F98AF, #004D7A, #002D20, #02001D)
• Washed Cabin color palette (#EEDBE1, #4D7DA9, #2B1E98, #001F21, #020007)
• Weathered Apricot Study color palette (#F2EFFF, #EFCEE0, #EEB07C, #6D72A3, #352C3B)
• Antique Grape color palette (#F1F0FF, #B991D0, #1EAB7D, #7B4398, #003020)

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