Tempered Ridge color palette — #F0F8EE · #36C6B9 · #405C49 · #262E24 · #0E100B

Aqua and Pine set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F0F8EE): a clean, paper-quiet neutral.
• Aqua (#36C6B9): A luminous, balanced teal — the color of sea glass.
• Pine (#405C49): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#262E24): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0E100B): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

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

• Mint Meadow color palette (#F5F6EA, #8BBF7A, #485D1B, #2B2C1E, #10100A)
• Sky Station color palette (#EAF9F3, #69B9E4, #624C61, #1F2F29, #0B110D)
• Tempered Study color palette (#DFF2F5, #00978B, #2C3E48, #112124, #060E0E)
• Patina Cabin color palette (#FCF1FE, #4BA1FC, #583C4F, #251A26, #020705)
• Ancient Cerulean Pier color palette (#E5FBF1, #0097C7, #432B45, #00140C, #000201)
• Softworn Courtyard color palette (#E6FBF1, #81D9FF, #F49AC8, #A6A670, #293E34)
• Ancient Shell Atelier color palette (#EBF9F1, #CAE2FF, #FFB8A2, #54A6C0, #4C4440)
• Moonless Denim color palette (#D4EEE5, #006699, #030B39, #040E0D, #000201)

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