Tempered Ridge color palette — #F2EEDD · #957E00 · #0069B5 · #080817 · #000201

Royal Blue and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2EEDD): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#957E00): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#080817): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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

• Hushed Courtyard color palette (#EEEBDB, #B26D00, #007F94, #050C14, #000201)
• Feathered Ultramarine color palette (#E1F5E9, #567C00, #004CE6, #170419, #030003)
• Washed Amber color palette (#E3ECCF, #DA7F00, #009AC6, #001B25, #00070F)
• Ancient Amethyst color palette (#D5EFED, #009760, #6B42FF, #080028, #040002)
• Wandering Aubergine Bloom color palette (#EEE5E9, #C0AEAF, #A8847A, #50238E, #15050D)
• Shadow Navy color palette (#F3E4F0, #91750F, #0D1A70, #01002A, #00000C)
• Twilit Aubergine color palette (#DDF7E1, #006861, #550098, #1C080E, #040001)
• Tempered Cornflower color palette (#F3DCBE, #00CB7E, #1977E9, #001230, #0F020F)

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