Tempered Abyss Summit color palette — #ECF7FF · #B8CFEC · #9AA0C6 · #7C5E6C · #20412B

A conversation between Forest and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Lilac Frost (#B8CFEC): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#9AA0C6): A luminous, dusty violet — the color of a velvet chair.
• Graphite (#7C5E6C): A full-bodied, dusty rose — the color of a warm blush.
• Forest (#20412B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Softworn Abyss Study color palette (#EFF6FF, #D0D5F3, #9891AF, #59775C, #164637)
• Wandering Glacier Pier color palette (#E7F9FF, #ABDEF6, #8E9EB8, #725C72, #553645)
• Lilac Thicket color palette (#DFE8FD, #998CD1, #7A4F7A, #493300, #070800)
• Patina Fern color palette (#C1F1DD, #91AAD4, #746C97, #794E31, #474900)
• Muted Grove color palette (#D9F4FA, #AAC4DA, #83B1CE, #987F3B, #24533F)
• Softworn Loft color palette (#F2F5FF, #E0D7E1, #C1B6CB, #7A9889, #425753)
• Chestnut Thicket color palette (#F2F5FF, #D9BDF5, #AF80A2, #726200, #203300)
• Hushed Pewter Corridor color palette (#DDE9D8, #86B3A3, #7E689C, #544600, #2C2610)

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