Tempered Abyss color palette — #DCE7E7 · #94A8B0 · #6C8AA4 · #00523B · #000C0D

Forest and Storm Blue set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DCE7E7): bright and airy, almost weightless.
• Blue Fog (#94A8B0): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#6C8AA4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#000C0D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Aged Cypress color palette (#D6E7EA, #92A3B1, #788A9D, #007464, #000C0E)
• Abyss Drift color palette (#E1E7DD, #AFC0B1, #799B8B, #004737, #010200)
• Dusty Denim color palette (#E5F0F7, #A8B5CC, #9191B6, #005A7C, #07151F)
• Spruce Courtyard color palette (#EDF2E9, #8CA08C, #597A65, #003329, #060B03)
• Denim Quarry color palette (#D6E4CC, #3F867D, #00559F, #463000, #150C00)
• Cypress Harbor color palette (#E6F1F3, #CBDAE3, #A6B9D4, #00837B, #213134)
• Hushed Ultramarine Meadow color palette (#C0E7EF, #52AA00, #008F82, #1B34DA, #000407)
• Worn Basin color palette (#FBE9F1, #8C7200, #374E00, #003330, #000803)

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