Sunlit Navy color palette — #FFE1CF · #FF7D46 · #009DA2 · #00767A · #0B0076

Deep Indigo and Tangerine set the tone — five colors that lean into optimism and creativity.

The five colors

• Shell Pink (#FFE1CF): A whisper-light, dusty gold — the color of old brass.
• Tangerine (#FF7D46): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#009DA2): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00767A): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#0B0076): A deep, shadowed, vivid violet — the color of twilight just after sunset.

Feels like: Optimism, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Sunlit 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

• Weathered Ultramarine color palette (#FDE1D8, #FF7682, #009E9B, #144AFC, #010675)
• Tempered Fuchsia color palette (#FFDFE0, #EF74D2, #D76300, #007488, #430037)
• Soft Navy color palette (#F7DFF4, #8CB2FF, #C07B07, #005E9D, #000F6F)
• Airy Ember Meadow color palette (#FDDCF5, #F44129, #617200, #00525B, #2F005D)
• Misty Cabin color palette (#FCE2F6, #D8AAC5, #D18452, #5B7FC1, #621C62)
• Tempered Aubergine Market color palette (#F5E5DA, #DF6814, #159152, #7B0079, #220900)
• Cobalt Balcony color palette (#FFF1F2, #E5B7D5, #B4AB6F, #6A86C0, #5D3538)
• Tempered Grape color palette (#F5DBD3, #EE7883, #4EA32C, #7E22AE, #42000F)

Browse the whole catalog at Explore, or see today's palette.