Abyss Courtyard color palette — #F5E7EE · #A68D67 · #61673B · #04415A · #0C1D39

Navy and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5E7EE): bright and airy, almost weightless.
• Caramel (#A68D67): A luminous, dusty gold — the color of old brass.
• Olive (#61673B): A full-bodied, dusty green — the color of fresh herbs.
• Navy (#04415A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#0C1D39): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Cypress Boulevard color palette (#EBE8D9, #7E9665, #296E54, #363964, #2E1637)
• Weathered Corridor color palette (#F2D6DF, #848045, #465F39, #0B2E4D, #110730)
• Abyss Courtyard color palette (#FDE0E8, #A17E98, #85613E, #004E45, #00272F)
• Softworn Delta color palette (#FDE2EC, #84A98F, #4C7F71, #345168, #1D2844)
• Denim Courtyard color palette (#F3DECF, #C1A887, #85884A, #0B6482, #25355F)
• Softworn Fern color palette (#DFEEE2, #93914E, #485E16, #56292C, #00170D)
• Pewter Parlor color palette (#DBF3DD, #A0BCB0, #6B8D8B, #516278, #2E3148)
• Muted Olive color palette (#F0E5C2, #637636, #004D32, #151843, #10001C)

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