Soft Navy color palette — #F7E3EA · #4B86B5 · #262990 · #002223 · #0F0022
Built around Indigo, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Rose Water (#F7E3EA): A whisper-light, dusty rose — the color of strawberry cream.
- Cerulean (#4B86B5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Indigo (#262990): A deep, shadowed, vivid violet — the color of wild irises.
- Onyx (#002223): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#0F0022): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Soft 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
- Aged Pier color palette (#F6E8F1, #4E8A9B, #003F69, #002319, #05002C)
- Antique Ultramarine Lagoon color palette (#DCECDF, #6398C5, #1A52AE, #003947, #05002C)
- Tempered Cypress color palette (#D1F3F6, #00737D, #474148, #003335, #000D0F)
- Lapis Atelier color palette (#CCF0F5, #2FA7D4, #5E5BBB, #243F00, #000F13)
- Hushed Sapphire color palette (#E7DCD1, #74A6CF, #456CD3, #005C66, #0A0028)
- Weathered Petrol color palette (#F7EAF4, #6FC0CA, #00719D, #005332, #1B2D4F)
- Velvet Garnet Hollow color palette (#D2EEF6, #005D5F, #75003A, #002627, #130005)
- Forest Hollow color palette (#FAF2FA, #91DEDE, #008CB1, #006C2A, #224165)
Browse the whole catalog at Explore, or see today's palette.