Tempered Abyss Courtyard color palette — #E7F0F0 · #A2B8B9 · #6C969B · #00522C · #000E0E
Deep Olive and Storm Blue set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E7F0F0): a clean, paper-quiet neutral.
- Ash (#A2B8B9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Storm Blue (#6C969B): A luminous, dusty blue — the color of deep harbor water.
- Deep Olive (#00522C): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#000E0E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered 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
- Forest Boulevard color palette (#EAEDDF, #B1BDAA, #79977F, #005418, #1F2115)
- Softworn Lagoon Pier color palette (#DDE6E7, #89A6AC, #48888B, #004036, #000507)
- Washed Cypress Basin color palette (#E4F6FA, #C3D8DF, #6FB9C6, #006964, #001E24)
- Clover Station color palette (#D2EEF1, #00BF69, #00927B, #006B6E, #000806)
- Dusty Navy Canyon color palette (#D3E4E0, #00765C, #004544, #000962, #000705)
- Patina Cerulean color palette (#CAE4E4, #1C8798, #005D7B, #2F254E, #1D0B28)
- Nocturne Abyss Boulevard color palette (#D3ECF0, #004F45, #1F1D24, #001212, #000202)
- Fern Atelier color palette (#E9F1EF, #A0B9B7, #6C9696, #205100, #000E0C)
Browse the whole catalog at Explore, or see today's palette.