Tempered Navy color palette — #FADDF8 · #FF777A · #998D00 · #00786F · #0C0075
Deep Indigo and Watermelon set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FADDF8): A whisper-light, dusty pink — the color of neon signs at night.
- Watermelon (#FF777A): A luminous, vivid orange — the color of autumn markets.
- Moss (#998D00): A luminous, balanced green — the color of fresh herbs.
- Teal (#00786F): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#0C0075): A deep, shadowed, vivid violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Navy 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
- Hazy Loft color palette (#FDDDF1, #FF7C50, #5C9F00, #007293, #3C0048)
- Quiet Balcony color palette (#EFE2F9, #FD6CBB, #BC7A00, #007C45, #00273C)
- Pale Cerulean color palette (#FFE5E3, #EEA87C, #B49A5E, #008F9C, #003E5D)
- Jade Harbor color palette (#E9F6E9, #D9A85D, #29AC71, #0077B1, #440F4B)
- Ancient Navy Veranda color palette (#D5E9DA, #B28900, #00866C, #004BA7, #26001A)
- Feathered Ultramarine color palette (#F1DAE2, #E08B23, #009C6B, #0257CF, #3F0020)
- Patina Nightshade color palette (#DBECE4, #878600, #007373, #3E00B7, #170004)
- Dusty Magenta Summit color palette (#FFF1F3, #EE48E2, #007F3D, #003C81, #00112E)
Browse the whole catalog at Explore, or see today's palette.