Tempered Thicket color palette — #E5DDD1 · #97BCA2 · #0080A4 · #005A53 · #002237

Built around Cerulean, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Bone (#E5DDD1): bright and airy, almost weightless.
• Sage (#97BCA2): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A53): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002237): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Cobalt Alley color palette (#F5EFE5, #8CBDAC, #1174D5, #005766, #0C1652)
• Cobalt Studio color palette (#F3EEE5, #98CDE5, #338DCC, #006B72, #0F2D57)
• Tempered Alley color palette (#ECF9EE, #7ADDEF, #0087AC, #00524C, #000E1B)
• Timeworn Denim color palette (#EDE2DC, #52AEBC, #005E87, #004028, #0A1A49)
• Denim Canyon color palette (#F3EBDE, #789D80, #006279, #003C34, #000B14)
• Timeworn Lagoon Pier color palette (#F8F5EE, #CBE8DF, #78BECB, #3A997D, #345244)
• Worn Azure Grove color palette (#FCF4E9, #ABE6F7, #28A8DE, #008380, #0A426C)
• Terracotta Lantern color palette (#FBE9E0, #CB6349, #00819F, #952300, #001F28)

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