Tempered Abyss color palette — #CFEDF1 · #7CA5D1 · #7A669A · #4D5000 · #044B1E

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

The five colors

• Frost (#CFEDF1): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7CA5D1): A luminous, dusty blue — the color of open sky before noon.
• Slate (#7A669A): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#4D5000): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#044B1E): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Wandering Fern color palette (#D9E6EF, #8F93BD, #875D64, #26510A, #003F3C)
• Cobalt Workshop color palette (#D4E7DB, #66B0B7, #3872B5, #723900, #383D00)
• Pale Forest Delta color palette (#C9E8FF, #A5ACE5, #A56894, #2D6A2F, #00524E)
• Wandering Bronze color palette (#E3FDED, #D6C6D6, #AB8993, #7E6E23, #3C5412)
• Airy Lilac color palette (#D9F1FB, #A9BEFF, #B987C8, #827F37, #44420E)
• Cypress Lagoon color palette (#FFF0FB, #D3B1B9, #A67770, #347360, #2C5441)
• Sapphire Field color palette (#FFF2EA, #7EC2E3, #006EC9, #005655, #232771)
• Timeworn Market color palette (#DEE2F9, #AD9FDD, #A477B8, #934E53, #592D1F)

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