Frosted Ultramarine color palette — #FFF1F5 · #C27B00 · #00834F · #2F44CD · #411310

Cobalt and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Mustard (#C27B00): A luminous, balanced gold — the color of old brass.
• Fern (#00834F): A full-bodied, balanced teal — the color of sea glass.
• Cobalt (#2F44CD): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#411310): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Frosted Ultramarine 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

• Sunlit Parlor color palette (#DEFEF0, #929600, #00865D, #3C35C1, #3F0B03)
• Feathered Study color palette (#FFF0FD, #ED6E68, #008F48, #4739BF, #5F0022)
• Gentle Nightshade Studio color palette (#E3F1E3, #A37000, #006F5D, #301DB6, #210416)
• Feathered Olive color palette (#E6FCE7, #B18000, #637D00, #005F7D, #430F28)
• Soft Villa color palette (#E0FFE0, #F2883F, #828300, #5742B7, #4A2F00)
• Aubergine Thicket color palette (#E7FAF3, #909B50, #00888E, #6F4293, #19301D)
• Pale Ember color palette (#FFF0FB, #E85F42, #787700, #005D70, #3A182D)
• Apricot Studio color palette (#FFF3E8, #E58A00, #008489, #005363, #210409)

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