Tempered Harbor color palette — #F0E7D4 · #99A215 · #0080BE · #003451 · #000B07
Moss and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F0E7D4): A whisper-light, dusty gold — the color of old brass.
- Moss (#99A215): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#0080BE): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003451): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000B07): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, vibrant.
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
- Azure Bloom color palette (#D4E3D6, #96A900, #079DEF, #003353, #000604)
- Softworn Indigo Pier color palette (#F3F2D6, #6AAE47, #6965DE, #2D2B66, #080205)
- Sapphire Delta color palette (#F8EAF7, #D39940, #3263BC, #053180, #070007)
- Dusty Apricot Study color palette (#FFE8E9, #EC8800, #009671, #00402E, #030600)
- Ancient Indigo color palette (#E8DDE3, #CEBBB6, #B7A190, #7B70CF, #281A22)
- Soft Mustard color palette (#E8ECDF, #DCB000, #8EA9FF, #314281, #210B1D)
- Chartreuse Veranda color palette (#C6E7DF, #AFD900, #B0B6FF, #4D508D, #2F1E2A)
- Patina Lilac Workshop color palette (#DCE8D6, #00D4B9, #A276E6, #43345D, #1B0B12)
Browse the whole catalog at Explore, or see today's palette.