Tempered Pier color palette — #EDF0E6 · #89BEAE · #0069BA · #004C65 · #152D53

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF0E6): a clean, paper-quiet neutral.
• Mint Leaf (#89BEAE): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#0069BA): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C65): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#152D53): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Tempered Petrol Summit color palette (#EEEFE7, #76BECB, #00748C, #004F50, #003344)
• Antique Delta color palette (#F1E7DE, #80BBE4, #3C68B9, #004A50, #131030)
• Cerulean Drift color palette (#F5F6EB, #83DFED, #008EA8, #006666, #00475C)
• Pale Market color palette (#F8EAEF, #8CCCFB, #5784D9, #006B73, #2A284F)
• Wandering Cerulean Cabin color palette (#CEF1FF, #0096C9, #006797, #00416A, #012C55)
• Cerulean Hollow color palette (#E6E9DA, #3C9CBD, #005070, #002F36, #001626)
• Wandering Pine color palette (#CCE4DC, #0086CB, #08811D, #004D78, #013306)
• Gentle Field color palette (#D9E8FF, #5B95F2, #004DA3, #002166, #001434)

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