Tempered Pier color palette — #CCE9FF · #7BCFFF · #9CAA5A · #B28800 · #0E2E43
Mustard and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#CCE9FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#7BCFFF): A luminous, balanced blue — the color of open sky before noon.
- Moss (#9CAA5A): A luminous, balanced green — the color of new leaves after rain.
- Mustard (#B28800): A luminous, balanced gold — the color of honey in a jar.
- Midnight (#0E2E43): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. 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
- Airy Mustard Delta color palette (#D3E7FF, #76B0FF, #B9A619, #A29751, #182C45)
- Dusty Ember Courtyard color palette (#C3EDF7, #3BDFD4, #C89459, #D86B4A, #02323A)
- Timeworn Moss color palette (#DBE4FF, #BEBCFF, #61B48E, #6EA139, #242A41)
- Softworn Taupe color palette (#D5F0DF, #B3CC8F, #AF9E4E, #96714E, #193635)
- Aged Cornflower color palette (#D5EAFF, #0091EF, #9A8100, #597622, #001226)
- Washed Ridge color palette (#F2F4FF, #CBBBFF, #A2CC8D, #74B49A, #3E4153)
- Aged Canyon color palette (#BFF1E4, #2499FC, #C96577, #5E852E, #0A332B)
- Antique Shell Grove color palette (#ECF7FF, #E2D6EB, #FFB7BD, #6DB9AD, #2C3D54)
Browse the whole catalog at Explore, or see today's palette.