Tempered Ridge color palette — #FDF3EF · #9AEBEE · #00ABDB · #198744 · #244165

Fern takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Sea Foam (#9AEBEE): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00ABDB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#198744): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#244165): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Gentle Veranda color palette (#FFF2ED, #79DDE9, #0098D2, #00764A, #122E6A)
• Sky Hollow color palette (#FDF1FA, #D3D5E4, #33C0E7, #008C62, #00385A)
• Hushed Periwinkle Study color palette (#FEF3EA, #AEE4FF, #5E9AF9, #008477, #3E366C)
• Misty Aqua Atelier color palette (#F5F6E9, #B2F2F5, #03CDE3, #00A79C, #004856)
• Timeworn Chapel color palette (#DEEDFF, #75B3FF, #64A658, #828100, #153152)
• Powder Cabin color palette (#FBF3EF, #C0E3EE, #8AB7DD, #619280, #5F4C5A)
• Timeworn Cerulean color palette (#FFEFFF, #E8D3E6, #FFAFC4, #009FB0, #48416A)
• Timeworn Sapphire color palette (#F5ECE6, #75BBDF, #1C6CEA, #005A52, #1F1445)

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