Tempered Coast color palette — #FAF2FA · #B1DDE9 · #48A2C1 · #447A4C · #203C5B
A conversation between Cyan and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF2FA): a clean, paper-quiet neutral.
- Powder Blue (#B1DDE9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#48A2C1): A luminous, balanced blue — the color of open sky before noon.
- Olive (#447A4C): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#203C5B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Coast 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
- Cypress Parlor color palette (#FEF1F6, #B5D9F6, #7B94CE, #007C78, #3D335A)
- Antique Grove color palette (#F8F4EE, #B0CEB1, #218696, #00624C, #074154)
- Pale Aqua color palette (#F1F7F2, #AFEEEE, #00C7E1, #25A282, #084153)
- Washed Powder color palette (#F8F3F9, #D2D6ED, #80BCCF, #6E916D, #445466)
- Teal Canyon color palette (#D9F4D9, #47BD99, #009090, #006E80, #074266)
- Tempered Ember color palette (#C2EDFC, #00A9B5, #CD6757, #A25D08, #003237)
- Aged Cerulean Coast color palette (#DAF8FF, #5DD2E4, #0095AF, #005764, #00242A)
- Denim Boulevard color palette (#F1E6F0, #5B9FA4, #006181, #003E1E, #00081F)
Browse the whole catalog at Explore, or see today's palette.