Ultramarine Study color palette — #F5F6EA · #68AE58 · #304BCE · #196000 · #22121F

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

The five colors

• Ivory (#F5F6EA): bright and airy, almost weightless.
• Jade (#68AE58): A luminous, balanced green — the color of a quiet forest floor.
• Cobalt (#304BCE): A full-bodied, vivid violet — the color of a velvet chair.
• Pine (#196000): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#22121F): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Worn Ultramarine color palette (#F8F5ED, #A59D39, #3056B5, #585100, #221120)
• Soft Amethyst color palette (#F4F6EF, #7EC099, #7A55BF, #007244, #311D26)
• Soft Grape Hollow color palette (#F1F8EC, #05B38E, #7E2CB1, #005E49, #261118)
• Pale Dune color palette (#E7F5F6, #41B88E, #006AA4, #006549, #000712)
• Aged Orchard color palette (#F8F5ED, #B0982E, #00697E, #5E4E00, #041E11)
• Faded Aubergine Chapel color palette (#F4F3E3, #6A821E, #632FA8, #3E3D00, #142C0C)
• Misty Study color palette (#FFEADD, #009D79, #005F97, #6C2705, #213623)
• Aubergine Drift color palette (#ECEFDE, #258D36, #57008D, #003E0D, #060011)

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