Tempered Ridge color palette — #F0F6FB · #9DDAFF · #8A96DB · #3F96C4 · #292E38

Cerulean and Lavender Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Powder Blue (#9DDAFF): A whisper-light, balanced blue — the color of open sky before noon.
• Lavender Blue (#8A96DB): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#3F96C4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Onyx (#292E38): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged duotone, muted, cool.

Use it as a design system

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

• Wisteria Dune color palette (#F3F5FB, #CBCCFE, #BF80C9, #8582CC, #2E2C38)
• Turquoise Archive color palette (#EFF7F9, #9EE0D9, #31AACF, #3A9E96, #223038)
• Turquoise Boulevard color palette (#EEF7FA, #CED7EC, #BFA1CF, #3AABB8, #1E1D28)
• Aged Archive color palette (#FDF0FD, #A8BCF5, #9388C7, #955B6A, #414857)
• Faded Workshop color palette (#EFF6FF, #B4C9FA, #919BE9, #6E66A2, #4B3C6D)
• Softworn Petrol color palette (#EDF7FB, #82CEDD, #916DA1, #0C7B8B, #2D2C39)
• Softworn Ash color palette (#F1F6FB, #D9D9E1, #C0AAA7, #7B9FC3, #4E5359)
• Muted Violet color palette (#EEF6FF, #8BBEFF, #8466FD, #0074E3, #161B31)

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