Weathered Courtyard color palette — #E3E3F8 · #0078A4 · #007354 · #030E0E · #010100

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E3E3F8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cerulean (#0078A4): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#007354): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#030E0E): quiet, heavy and certain.
• Black (#010100): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Gentle Field color palette (#D7EBD5, #536BFF, #008092, #000F0E, #000200)
• Cypress Corridor color palette (#CFEEE0, #007765, #00423E, #001B1C, #000304)
• Patina Lagoon color palette (#F7DEEB, #0090B8, #707900, #061006, #000201)
• Abyss Bloom color palette (#DEE2D9, #96A68A, #71816C, #00412A, #030500)
• Quiet Iris color palette (#F6D6EF, #8880FF, #0096B1, #001A0C, #010603)
• Wandering Pier color palette (#E9EBFF, #00ABDC, #00A76F, #001B0F, #050801)
• Cornflower Garden color palette (#F0DEED, #3B82FF, #A17500, #1B1100, #040200)
• Bronze Atelier color palette (#E3E0D1, #7B6600, #2F353C, #1D2100, #030300)

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