Tempered Pier color palette — #F3F8E6 · #7EC1E4 · #0075AD · #005364 · #00355C
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F8E6): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#7EC1E4): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0075AD): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005364): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#00355C): A deep, shadowed, balanced blue — the color of open sky before noon.
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 Cobalt Basin color palette (#F4F6ED, #A6D0BC, #1E82B0, #005E6C, #163E5A)
- Airy Drift color palette (#FAF0E7, #7AC6EC, #0071D0, #005151, #101144)
- Ancient Denim Courtyard color palette (#E1E5DA, #72A6C8, #005B94, #003B4D, #001F43)
- Wandering Sky Archive color palette (#E1FCFA, #ADE2FF, #41B4FE, #0093B1, #00345E)
- Pale Loft color palette (#FFF0F7, #85D6FF, #1B8CF9, #007272, #24286F)
- Worn Station color palette (#D5FFFA, #94E3E9, #00B4DA, #007461, #004546)
- Teal Ridge color palette (#B6FFFA, #00B4AE, #006361, #003534, #00201F)
- Worn Petrol Atelier color palette (#F4F6F0, #CAE2E4, #AB8DAE, #2E7896, #614960)
Browse the whole catalog at Explore, or see today's palette.