Cerulean Courtyard color palette — #FDF4E6 · #ABF5F9 · #00A3BE · #006C59 · #002230
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
- Sea Foam (#ABF5F9): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#00A3BE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006C59): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002230): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, 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
- Patina Boulevard color palette (#FBF4E9, #CEE9FF, #5692E6, #00677B, #131A40)
- Worn Turquoise Quarry color palette (#F5EEE3, #3EB2CE, #005C7E, #002B2A, #000104)
- Turquoise Bloom color palette (#FBF4E9, #D4D9EC, #44B4DD, #277E76, #0B362C)
- Muted Cobalt Lantern color palette (#FDF4E5, #86D9F6, #0083BB, #005153, #000D20)
- Hushed Powder Orchard color palette (#F9F4ED, #BFE1EA, #A4C4E8, #669F94, #38544A)
- Wandering Glacier Delta color palette (#DDFFE6, #BFE8EE, #6CE7FC, #6C8245, #212B0B)
- Linen Harbor color palette (#DCFFE9, #47DE8D, #009765, #004323, #000301)
- Softworn Boulevard color palette (#F9ECD9, #83BDED, #1160CF, #003C4A, #010014)
Browse the whole catalog at Explore, or see today's palette.