Tempered Harbor color palette — #CEFEF2 · #3896E8 · #76479E · #2C4700 · #0F1642
A conversation between Cornflower and Plum, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#CEFEF2): A whisper-light, dusty teal — the color of sea glass.
- Cornflower (#3896E8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Plum (#76479E): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#2C4700): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Indigo (#0F1642): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged retro, cool.
Use it as a design system
One click turns Tempered Harbor 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
- Iris Pier color palette (#CFF2EB, #7082DA, #7C4376, #0F441B, #121431)
- Chalky Lapis color palette (#D4FEE0, #00A1C4, #5051B8, #4D3C00, #001E33)
- Worn Boulevard color palette (#E5F4FF, #008EBF, #9D2160, #353E00, #001D1C)
- Wandering Violet color palette (#F8F8D5, #53AEFF, #9959D0, #3E6900, #233066)
- Gentle Parlor color palette (#EAF9CC, #9B79E7, #A42968, #004940, #2A0E32)
- Linen Grape Courtyard color palette (#FFF0FC, #9076E2, #8433A6, #860110, #3C2A58)
- Cerulean Quarry color palette (#FBEDF7, #8EE0E3, #0091B1, #006545, #002841)
- Dusty Meadow color palette (#DBEFFF, #B2AADF, #9A6E89, #386243, #003D29)
Browse the whole catalog at Explore, or see today's palette.