Ultramarine Ridge color palette — #F3F3E4 · #6EA02C · #0041CC · #335100 · #000B38

A conversation between Cobalt and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3F3E4): bright and airy, almost weightless.
• Olive Leaf (#6EA02C): A luminous, balanced green — the color of a quiet forest floor.
• Cobalt (#0041CC): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#335100): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Indigo (#000B38): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged duotone, vibrant.

Use it as a design system

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

• Muted Grape Alley color palette (#F0F5DF, #30A948, #5F00D1, #005619, #140237)
• Faded Moss Canyon color palette (#F7F2DE, #8B9800, #005A88, #454C00, #001322)
• Linen Lagoon color palette (#F1F8E9, #00BE8F, #6049C9, #00664B, #1B1738)
• Powdered Jade Delta color palette (#DCF3F2, #00B162, #006582, #005C30, #000407)
• Softworn Aubergine Hollow color palette (#E7EEE3, #009F86, #6E298A, #004D40, #1F020C)
• Sapphire Market color palette (#E7FCE5, #AFCD00, #00AA9C, #2357FF, #002B34)
• Chalky Pine color palette (#E6ECC8, #07861F, #004F82, #4B2A00, #012D05)
• Faded Navy Balcony color palette (#D8E3D0, #00AD72, #006A69, #003E5F, #140083)

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