Tempered Harbor color palette — #FBD6FF · #C3CEFF · #00D6EA · #38504C · #2F3831
Aqua takes the lead with Lilac Frost close behind in a set that reads as trust and stability at first glance.
The five colors
- Thistle (#FBD6FF): A whisper-light, dusty pink — the color of peonies in June.
- Lilac Frost (#C3CEFF): A whisper-light, dusty violet — the color of wild irises.
- Aqua (#00D6EA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#38504C): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#2F3831): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged neon, dark, vibrant, muted.
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
- Seafoam Lantern color palette (#8BFFD7, #D7C6FF, #76C8FF, #354B4D, #283430)
- Muted Seafoam Coast color palette (#E1EE9D, #C4DFFF, #00F2ED, #527078, #2C3638)
- Gentle Workshop color palette (#FFE0AD, #5DE6FF, #69DA86, #425044, #34372C)
- Turquoise Harbor color palette (#DFEFDB, #A0B7FF, #00BCD8, #003C37, #102418)
- Ancient Mint Grove color palette (#FFD9D0, #FFB1CE, #00D8BF, #26341F, #141911)
- Tempered Petrol color palette (#F0F7F2, #82CEDE, #5780B2, #007B8D, #352936)
- Weathered Driftwood Ridge color palette (#EFF7F3, #D1DDDD, #A9ADB7, #668C79, #4C5550)
- Mallow Courtyard color palette (#D7F4EF, #F89CFF, #7CB4FF, #4D363E, #2F242F)
Browse the whole catalog at Explore, or see today's palette.