Tempered Pine Ridge color palette — #E6FAF8 · #C6E5EB · #A1C3D7 · #2A8E3D · #133A37

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

The five colors

• Ivory (#E6FAF8): A whisper-light, dusty teal — the color of shallow lagoons.
• Silver (#C6E5EB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A1C3D7): A luminous, dusty blue — the color of deep harbor water.
• Olive Leaf (#2A8E3D): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#133A37): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Tempered Hollow color palette (#E7F9FE, #C4E3FA, #AFBED9, #008988, #1D373E)
• Worn Bronze color palette (#E9FAF0, #C4E7E0, #9BC7CC, #8A7700, #22392C)
• Jade Cabin color palette (#ECF8F7, #CADDE8, #A1CBE7, #00B56F, #093B3A)
• Hushed Lagoon color palette (#C9E6DF, #008B7A, #003E53, #00201B, #000A08)
• Patina Forest color palette (#F3F7EA, #CDD6C5, #98AE8E, #006C41, #2C3900)
• Petrol Harbor color palette (#DDE8EC, #B5C6D8, #9BA4BF, #006D7B, #122228)
• Linen Loft color palette (#D3F4E7, #00CB77, #008A84, #576127, #00381D)
• Aged Abyss color palette (#DFECED, #8EAAB5, #75899B, #00523D, #000C0D)

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