Cobalt Courtyard color palette — #FDF1F8 · #8CDBF6 · #0082DD · #006855 · #363A68

Built around Azure, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Ice Blue (#8CDBF6): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#0082DD): A full-bodied, vivid blue — the color of deep harbor water.
• Pine (#006855): A full-bodied, balanced teal — the color of sea glass.
• Navy (#363A68): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Cerulean Meadow color palette (#FAF2F8, #C3E2EE, #3D94C1, #2C714E, #364964)
• Ancient Sapphire Basin color palette (#FFF0F8, #65C5EE, #0068DC, #00574C, #302862)
• Wandering Cobalt color palette (#FAF0E1, #92DCF7, #0C8CC8, #006264, #00254B)
• Feathered Field color palette (#E1ECFF, #5573EE, #388700, #006B55, #232E51)
• Muted Apricot Pier color palette (#F0F5FF, #FDCDFE, #FF9C94, #007899, #3F4361)
• Denim Garden color palette (#F7E5F0, #4B9CB0, #004D7C, #003124, #0A0A3B)
• Frosted Sky color palette (#FFF2EA, #C4F0D9, #6DBEFF, #00A79B, #263C74)
• Ancient Lapis Dune color palette (#DBF3FF, #659EFF, #5742FF, #6B24A7, #592C56)

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