Tempered Pier color palette — #BBE7F3 · #00AEAC · #9B8600 · #007271 · #312900

Built around Olive Leaf, softened by Turquoise — the whole palette hums with nature and growth.

The five colors

• Powder Blue (#BBE7F3): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#00AEAC): A luminous, balanced teal — the color of sea glass.
• Olive Leaf (#9B8600): A luminous, balanced green — the color of fresh herbs.
• Teal (#007271): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#312900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Calm, Balance. Tagged cool.

Use it as a design system

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

• Weathered Terrace color palette (#C9E2F3, #00A7DA, #619900, #006D90, #1B3000)
• Worn Indigo Corridor color palette (#CAEDF2, #0098A6, #5A6EDD, #2B7D15, #002529)
• Softworn Dune color palette (#D0E1EC, #6DBB66, #005E7B, #002E3E, #000D17)
• Timeworn Cornflower color palette (#C2E6E9, #00B28F, #5D80E2, #00755D, #142358)
• Sky Coast color palette (#D9F3FF, #8EDFFF, #60B6FA, #2A8E92, #103343)
• Chalky Pier color palette (#C8E3EC, #009094, #BB2C36, #005456, #51060E)
• Rose Quarry color palette (#E6F9FF, #00C2C5, #ED5763, #007274, #360008)
• Feathered Coral Station color palette (#D1E4D2, #00C7CC, #F96E6F, #009498, #53000D)

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