Tempered Harbor color palette — #ECF3F6 · #D5D7E1 · #BEBAC7 · #26838A · #1F2F34
A conversation between Teal and Deep Forest, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF3F6): bright and airy, almost weightless.
- Silver (#D5D7E1): a clean, paper-quiet neutral.
- Ash (#BEBAC7): a calm mid-gray that lets other colors speak.
- Teal (#26838A): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#1F2F34): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Antique Petrol color palette (#EFF6FA, #D7DBE6, #BDBFD1, #2D818D, #3E4A4F)
- Aged Denim color palette (#E9F6EB, #92BEB1, #518166, #135E71, #052F26)
- Hushed Study color palette (#EBF3F8, #CBD4E2, #A6A9C5, #006580, #061C28)
- Softworn Driftwood color palette (#D1F7F3, #9DB7BF, #7287A7, #3E6A5D, #183D37)
- Aged Drift color palette (#E8F0F4, #94A1AF, #707A9D, #003E48, #000509)
- Petrol Archive color palette (#E6F8E4, #58ADA1, #4B6B9F, #633D00, #002735)
- Aged Aubergine Alley color palette (#DDDFE6, #B4B0C1, #98869D, #4A14A3, #070918)
- Ancient Lilac Market color palette (#E5F4FF, #9CF4C9, #47CDFA, #9B71D0, #0B233A)
Browse the whole catalog at Explore, or see today's palette.