Tempered Navy Courtyard color palette — #DCFFE9 · #B9E5FF · #96C0EE · #818CBE · #443B6D

Navy and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DCFFE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Powder Blue (#B9E5FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#96C0EE): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#818CBE): A luminous, dusty violet — the color of wild irises.
• Navy (#443B6D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged light, muted, cool.

Use it as a design system

One click turns Tempered Navy 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

• Denim Basin color palette (#E6F4FF, #A1C8ED, #6784B2, #3C4E95, #272264)
• Soft Balcony color palette (#D6FFF8, #7DDCEF, #70A3D2, #71669B, #633966)
• Gentle Seafoam color palette (#EAFDD6, #95F2E6, #71CAD3, #559BB5, #1E4E74)
• Driftwood Orchard color palette (#F1F5FF, #D3D7FF, #C6AFE4, #A47DAA, #653654)
• Glacier Parlor color palette (#FFF4E2, #92DCFF, #9AACE3, #A8836D, #374D47)
• Misty Violet color palette (#CDEBFF, #9EC8FF, #8E9CFF, #8760DB, #570073)
• Aged Powder Field color palette (#F9EDFA, #7CBCFF, #8A7483, #59515A, #1D2321)
• Aged Stone Canyon color palette (#EFF8F3, #D1DDDE, #A1CCCA, #B6B3A8, #4D5550)

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